<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet">
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/nav1.1.min.js"></script>
	<script src="fancybox/jquery.fancybox-1.3.4.min.js"></script>
    
    <script type="text/javascript">
    
    $(document).ready(function(){
		
		$('#navigation').navPlugin({
		   'itemWidth': 150,
		   'itemHeight': 30,
		   'navEffect': "slide",
		   'speed': 250
		});
		
		$('.iframe').fancybox({
			width : '90%',
			height : '90%',
			titlePosition: 'outside'
		});
		
	});
	
    </script>
      
</head>


<body>


	<div class="main">
      <h1>Click "Home" to test iframe</h1>
      <ul id="navigation" >
        <li><a class="iframe" title="Ovo je naslov.." href="http://www.bild-studio.net">Home</a></li>
        <li><a href="#">About Us </a>
          <ul>
            <li><a href="#">Our History</a></li>
            <li><a href="#">Driving Directions</a></li>
            <li><a href="#">Hours</a></li>
          </ul>
        </li>
        <li><a href="#">Our Products </a>
          <ul>
            <li><a href="#">Gizmos </a>
              <ul>
                <li><a href="#">Gizmo Basic</a></li>
                <li><a href="#">Gizmo Standard</a></li>
                <li><a href="#">Gizmo Supreme</a></li>
              </ul>
            </li>
            <li><a href="#">Gadgets </a>
              <ul>
                <li><a href="#">Gadget Basic</a></li>
                <li><a href="#">Gadget Standard</a></li>
                <li><a href="#">Gadget Supreme</a>
                  <ul>
                    <li><a href="#">Gadget Supreme A</a></li>
                    <li><a href="#">Gadget Supreme B</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="#">Time Machines</a></li>
          </ul>
        </li>
      </ul>
    </div>


</body>

</html>
